آموزش دوره کامل توسعه وب - ساخت 15 پروژه [ویدئو]

سرفصل ها و درس ها

معرفی Introduction

• به دوره خوش آمدید Welcome to the Course

• سفر شما در داخل دوره Your Journey Inside the Course

• ساختار یک وب سایت Structure of a Website

• اولین وب سایت شما Your First Website

• میزبانی وب نامحدود خود را رایگان دریافت کنید Get Your Free Unlimited Web Hosting

• وب سایت خود را با جهان به اشتراک بگذارید (1) Share Your Website with the World (1)

• وب سایت خود را با جهان به اشتراک بگذارید (2) - نسخه Cyberduck Share Your Website with the World (2) - Cyberduck Version

• وب سایت خود را با جهان به اشتراک بگذارید (2) - نسخه FileZilla Share Your Website with the World (2) - FileZilla Version

• سرفصل ها Headings

• پاراگراف ها Paragraphs

• پیوندها Links

• تصاویر Images

• درون خطی در مقابل عناصر بلوک Inline Versus Block Elements

• Iframes - فعالیت: یک ویدیوی آرام بخش YouTube را در وب سایت خود قرار دهید Iframes - Activity: Embed a Nice Relaxing YouTube Video to Your Website

• لیست های نامرتب Unordered Lists

• لیست های مرتب شده Ordered Lists

• توضیحات: لیست ها Description: Lists

• جداول Tables

• موجودیت ها Entities

• فرم ها (1) - فعالیت: یک فرم ورود ساده ایجاد کنید Forms (1) - Activity: Create a Simple Login Form

• فرم ها (2) - فعالیت: یک فرم پرداخت بازار ایجاد کنید Forms (2) - Activity: Create a Marketplace Checkout Form

• تزیین متن Text Decoration

• نظرات Comments

CSS CSS

• معرفی Introduction

• CSS درون خطی Inline CSS

• CSS داخلی Internal CSS

• CSS خارجی External CSS

• کلاس ها و شناسه ها Classes and IDs

• Div و Span Div and Span

• مدل جعبه Box Model

• لایی مدل جعبه Box Model Padding

• مدل جعبه: حاشیه Box Model: Border

• مدل جعبه: طرح کلی Box Model: Outline

• مدل جعبه: حاشیه Box Model: Margin

• زمینه Background

• شناور Floating

• تثبیت موقعیت Positioning

• نمایش دادن Display

• تزیین متن Text Decoration

• تراز کردن متن Text Align

• فونت متن Text Font

• جلوه های متن Text Effects

• اسپرایت های تصویری Image Sprites

• کدورت تصویر Image Opacity

• لیست های یک ظاهر طراحی شده Styling Lists

• پیوندهای یک ظاهر طراحی شده Styling Links

• گرادیان ها Gradients

• تبدیل های دوبعدی 2D Transforms

• تبدیل های سه بعدی 3D Transforms

• انتقال ها Transitions

• تصاوير متحرك Animations

پروژه حرفه ای: وب سایت آموزش ریاضیات (HTML و CSS) Professional Project: Mathematics Tutorials Website (HTML and CSS)

• معرفی Introduction

• سربرگ (1) Header (1)

• سربرگ (2) Header (2)

• منو Menu

• جعبه معرفی Introduction Box

• نوارهای کناری (1) Sidebars (1)

• نوارهای جانبی (2) Sidebars (2)

• پاورقی و تبریک Footer and Congratulations

CSS پیشرفته با Flexbox، Grid و SASS Advanced CSS with Flexbox, Grid, and SASS

• Flexbox: مقدمه Flexbox: Introduction

• فلکس باکس: فلکس باکس پایه Flexbox: Basic Flexbox

• Flexbox: موارد فلکس را تراز کنید Flexbox: Align Flex Items

• Flexbox: خطوط فلکس را تراز کنید Flexbox: Align Flex Lines

• Flexbox: تغییر اندازه موارد Flex (1) Flexbox: Resize Flex Items (1)

• Flexbox: تغییر اندازه موارد Flex (2) Flexbox: Resize Flex Items (2)

• برنامه Flexbox: گالری عکس (1) Flexbox Application: Photo Gallery (1)

• برنامه Flexbox: گالری عکس (2) Flexbox Application: Photo Gallery (2)

• برنامه Flexbox: Amazon Checkout (1) Flexbox Application: Amazon Checkout (1)

• برنامه Flexbox: Amazon Checkout (2) Flexbox Application: Amazon Checkout (2)

• برنامه Flexbox: Amazon Checkout (3) Flexbox Application: Amazon Checkout (3)

• برنامه Flexbox: وب سایت ریاضی (1) Flexbox Application: Math Website (1)

• برنامه Flexbox: وب سایت ریاضی (2) Flexbox Application: Math Website (2)

• برنامه Flexbox: وب سایت ریاضی (3) Flexbox Application: Math Website (3)

• CSS Grid: Introduction and Basic Grid Template CSS Grid: Introduction and Basic Grid Template

• شبکه CSS: شبکه ضمنی در مقابل شبکه آشکار CSS Grid: Implicit Versus Explicit Grid

• شبکه CSS: مناطق شبکه و طراحی پاسخگو CSS Grid: Grid Areas and Responsive Design

• CSS Grid: بر ویژگی "grid-column" مسلط شوید CSS Grid: Master the "grid-column" Property

• CSS Grid: مختصات شبکه CSS Grid: Grid Coordinates

• شبکه CSS: موارد شبکه را تراز کنید CSS Grid: Align Grid Items

• برنامه CSS Grid: گالری عکس CSS Grid Application: Photo Gallery

• برنامه CSS Grid: Picture Grid CSS Grid Application: Picture Grid

• Sass: Introduction - Installation - Nesting Syntax Sass: Introduction - Installation - Nesting Syntax

• Sass: .scss در مقابل .sass - متغیرها Sass: .scss Versus .sass - Variables

• Sass: @import و @extend دستورالعمل‌ها Sass: @import and @extend directives

• Sass: Mixins - Operators - Functions Sass: Mixins - Operators - Functions

جاوا اسکریپت JavaScript

• معرفی Introduction

• دکمه ها Buttons

• تغییر محتوای HTML Change HTML Content

• تغییر سبک HTML Change HTML Style

• متغیرها و انواع داده ها Variables and Data Types

• تغییر HTML با استفاده از متغیرها - فعالیت: Random Color Generator Change HTML Using Variables - Activity: Random Color Generator

• توابع: فعالیت: محتوای دو div را عوض کنید Functions: Activity: Swap the Content of Two divs

• اشیاء Objects

• ایجاد اشیاء با استفاده از کلمه کلیدی "جدید". Create Objects Using the "new" Keyword

• سازندگان شی Object Constructors

• آرایه ها Arrays

• بیانیه های If and Switch - فعالیت: کنترل سرعت بزرگراه If and Switch Statements - Activity: Motorway Speed Control

• برای حلقه ها For Loops

• while Loops - فعالیت: 1000 دلار به صورت تصادفی در یک بازار خرج کنید While Loops - Activity: Spend $1,000 Randomly in a Marketplace

• عبارات با قاعده Regular Expressions

• خطاها (1) Errors (1)

• خطاها (2) - فعالیت: اعتبارسنجی رمز عبور Errors (2) - Activity: Password Validation

• تنظیم فاصله و تنظیم زمان - فعالیت: یک شمارنده ساده ایجاد کنید Set Interval and Set Timeout - Activity: Create a Simple Counter

• پنجره و صفحه نمایش Window and Screen

• جعبه های هشدار Alert Boxes

• بیسکویت ها Cookies

پروژه حرفه ای: بازی ریاضی (HTML، CSS و جاوا اسکریپت) Professional Project: Math Game (HTML, CSS, and JavaScript)

• معرفی Introduction

• ساختار و استایل صفحه (1) Page Structure and Styling (1)

• ساختار و استایل صفحه (2) Page Structure and Styling (2)

• ساختار و استایل صفحه (3) Page Structure and Styling (3)

• ساختار و استایل صفحه (4) Page Structure and Styling (4)

• منطق بازی با استفاده از نمودار جریانی گویا Game Logic using an illustrative flowchart

• کد جاوا اسکریپت (1) JavaScript Code (1)

• کد جاوا اسکریپت (2) JavaScript Code (2)

• کد جاوا اسکریپت (3) JavaScript Code (3)

• کد جاوا اسکریپت (4) و تبریک JavaScript Code (4) and Congratulations

جی کوئری jQuery

• معرفی و بارگذاری جی کوئری Introduction and Loading jQuery

• انتخاب عناصر HTML (1) Select HTML Elements (1)

• انتخاب عناصر HTML (2) Select HTML Elements (2)

• به رویدادها پاسخ دهید Respond to Events

• تغییر محتوا و ویژگی های HTML (1) Change HTML Content and Attributes (1)

• تغییر محتوا و ویژگی های HTML (2) Change HTML Content and Attributes (2)

• تغییر استایل (1) Change Styling (1)

• تغییر استایل (2) - فعالیت: موقعیت تصادفی و مولد رنگ Change Styling (2) - Activity: Random Position and Color Generator

• جلوه های جی کوئری jQuery Effects

• آژاکس Ajax

• jQuery UI مقدمه jQuery UI Introduction

• قابل کشیدن و رها کردن (1) - فعالیت: مرا تنها بگذار! لطفا مرا رها کنید! Draggable and Droppable (1) - Activity: Leave Me Alone! Please Drop Me!

• قابل کشیدن و رها کردن (2) - فعالیت: اقلام را به سبد خود بکشید Draggable and Droppable (2) - Activity: Drag Items to Your Basket

• قابل تغییر اندازه Resizable

• قابل انتخاب - فعالیت: خودروهای انتخاب شده را به جعبه اضافه کنید Selectable - Activity: Append Selected Car Makes to a Box

• قابل مرتب سازی - فعالیت: مرتب سازی و تبادل خودرو بین دو گروه Sortable - Activity: Sort and Exchange Car Makes Between Two Groups

• آکاردئون - فعالیت: یک آکاردئون قابل تغییر اندازه با بخش های جمع شونده ایجاد کنید Accordion - Activity: Create a Resizable Accordion with Collapsible Sections

• تکمیل خودکار - فعالیت: ورودی شهر با گزینه های از پیش جمع شده Autocomplete - Activity: City Input with Prepopulated Options

• دکمه Button

• انتخابگر تاریخ - فعالیت: انتخابگر تاریخ پرواز خروجی و برگشت درست مانند Expedia Date Picker - Activity: Outbound and Return Flight Date Picker Just Like Expedia

• گفتگو - فعالیت: آیا مطمئن هستید که می خواهید به صفحه قبلی بروید؟ Dialog - Activity: Are You Sure You Want to Go to the Previous Page?

• منو Menu

• نوار پیشرفت - فعالیت: نوار پیشرفت متحرک پر شده از 0٪ تا 100٪ Progress Bar - Activity: Animated Progress Bar Filled from 0% to 100%

• منو را انتخاب کنید Select Menu

• لغزنده - فعالیت: مسافت پیموده شده خودرو با استفاده از لغزنده Slider - Activity: Car Mileage Range Using a Slider

• ابزارک‌های بیشتر: اسپینرها، برگه‌ها و نکات ابزار More Widgets: Spinners, Tabs, and Tooltips

پروژه حرفه ای: بازی Fruits Slice (HTML، CSS و jQuery) Professional Project: Fruits Slice Game (HTML, CSS, and jQuery)

• معرفی Introduction

• ساختار و استایل صفحه Page Structure and Styling

• منطق بازی با استفاده از فلوچارت گویا Game Logic Using an Illustrative Flowchart

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

• کد جی کوئری (4) jQuery Code (4)

توییتر بوت استرپ Twitter Bootstrap

• معرفی Introduction

• سیستم شبکه ای Grid System

• تایپوگرافی Typography

• جداول Tables

• فرم ها (1) - فعالیت: فرم های ورود پاسخگو درون خطی و افقی Forms (1) - Activity: Inline and Horizontal Responsive Login Forms

• فرم ها (2) Forms (2)

• فرم ها (3) Forms (3)

• دکمه ها Buttons

• تصاویر Images

• Navs - فعالیت: طراحی وب سایت با استفاده از Nav Tabs و Nav Pills Navs - Activity: Website Design Using Nav Tabs and Nav Pills

• نوارهای ناوبری - فعالیت: طراحی وب سایت با استفاده از نوار ناوبری پاسخگو/جمع شونده Navbars - Activity: Website Design Using a Responsive/Collapsible Navigation Bar

• صفحه بندی - فعالیت: نمونه های صفحه بندی و پیجر مانند Google/Ebay Pagination - Activity: Pagination and Pager Examples Such as Google/Ebay

• جامبوترون Jumbotron

• ریز عکسها Thumbnails

• منوهای کشویی Dropdown Menus

• مدال ها (1) - فعالیت: در مورد سفارشم سوالی دارم Modals (1) - Activity: I Have an Inquiry About My Order

• مدال ها (2) - فعالیت: در مورد سفارشم سوالی دارم Modals (2) - Activity: I Have an Inquiry About My Order

• Scrollspy Scrollspy

• زبانه ها Tabs

• نکات ابزار Tooltips

• Popovers - فعالیت: یک Popover درست مانند چیزی که در IPAD می بینید ایجاد کنید Popovers - Activity: Create a Popover Just Like the One You See on an IPAD

• هشدارها – فعالیت: یک جعبه هشدار برای نمایش پیام اخطار یا موفقیت ایجاد کنید Alerts – Activity: Create an Alert Box to Show a Warning or Success Message

• افزونه دکمه - فعالیت: در حال بارگیری - دانلود کامل شد Button Plugin - Activity: Loading … Download Complete

• جمع کردن پلاگین Collapse Plugin

• چرخ فلک - فعالیت: یک اسلایدر چرخ فلک تعاملی ایجاد کنید Carousels - Activity: Create an Interactive Carousel Slider

• افزونه Affix - فعالیت: وب سایت تعاملی با محتوای الصاق شده به منو Affix plugin - Activity: Interactive Website with Content Affixed to a Menu

پروژه حرفه ای: صفحه فرود برنامه (HTML، CSS و Bootstrap) Professional Project: App Landing Page (HTML, CSS, and Bootstrap)

• معرفی Introduction

• سربرگ و محتوای ویژه (1) Header and Featured Content (1)

• سربرگ و محتوای ویژه (2) Header and Featured Content (2)

• سربرگ و محتوای ویژه (3) Header and Featured Content (3)

• بخش آزمایشی، پاورقی و تبریک Trial Section, Footer and Congratulations

پروژه حرفه ای: وب سایت شرکت (HTML، CSS و Bootstrap) Professional Project: Company Website (HTML, CSS, and Bootstrap)

• معرفی Introduction

• ساختار کار ما Structure of Our Work

• زمینه Background

• نوار ناوبری Navbar

• بخش هدر و نمادها Header and Icons Section

• دکمه تماس و پاورقی Contact Button and Footer

پروژه حرفه ای: دوره دوست داشتنی ما (HTML، CSS، jQuery و Bootstrap) Professional Project: Our Lovely Course (HTML, CSS, jQuery, and Bootstrap)

• معرفی Introduction

• ساختار کار ما Structure of Our Work

• یک ویدیو پس زمینه اضافه کنید Add a Background Video

• نوار پیمایش با یک ظاهر طراحی پیشرفته Navigation Bar with Advanced Styling

• بخش خانه Home Section

• درباره بخش About Section

• لغزنده چرخ فلک (1) Carousel Slider (1)

• چرخ فلک لغزنده (2) Carousel Slider (2)

• سازگاری برای دستگاه های کوچک Adapt for Small Devices

• افزودن ویژگی ScrollSpy به نوار نوار و تبریک»/ Add ScrollSpy Feature to Navbar and Congratulations'/

پروژه حرفه ای: برنامه کرونومتر (HTML، CSS، jQuery و Bootstrap) Professional Project: Stopwatch App (HTML, CSS, jQuery, and Bootstrap)

• معرفی Introduction

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• منطق برنامه با استفاده از فلوچارت گویا App Logic Using an Illustrative Flowchart

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

پروژه حرفه ای: برنامه طراحی (HTML، CSS، jQuery UI، Canvas، Local Storage) Professional Project: Drawing App (HTML, CSS, jQuery UI, Canvas, Local Storage)

• معرفی Introduction

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• اسکلت و دکوراسیون برنامه (3) App Skeleton and Decoration (3)

• بوم HTML5 را یاد بگیرید Learn HTML5 Canvas

• منطق برنامه با استفاده از فلوچارت گویا App Logic Using an Illustrative Flowchart

• ساختار کد جی کوئری jQuery Code Structure

• کد جی کوئری (1) jQuery Code (1)

• کد جی کوئری (2) jQuery Code (2)

• کد جی کوئری (3) jQuery Code (3)

ES6 - جاوا اسکریپت مدرن ES6 - Modern JavaScript

• مقدمه ای بر جاوا اسکریپت مدرن (ES6) Introduction to Modern JavaScript (ES6)

• متغیرها و محدوده: بررسی "var" Variables and Scoping: Review of "var"

• متغیرها و محدوده: اجازه دهید Scope و Temporal Dead Zone Variables and Scoping: Let Scope and Temporal Dead Zone

• Block Scoping در ES6 Block Scoping in ES6

• توابع و محدوده بلوک Functions and Block Scoping

• توابع و Block Scoping - از let استفاده کنید Functions and Block Scoping – use let

• اجازه Scope در مقابل بسته شدن Let Scope Versus Closures

• چالش تعطیلی Closures Challenge

• Read Only Variables - const Read Only Variables - const

• ویژگی‌های جدیدی که زندگی شما را آسان‌تر می‌کند: Template Literals New Features that Make Your Life Easier: Template Literals

• ویژگی‌های جدیدی که زندگی شما را آسان‌تر می‌کند: توابع پیکان – این محدوده واژگانی New Features that Make Your Life Easier: Arrow Functions – 'this' Lexical Scope

• تخریب - آرایه ها Destructuring - Arrays

• تخریب - اشیاء Destructuring - Objects

• تخریب - توابع Destructuring - Functions

• توابع - مقادیر پارامترهای پیش فرض Functions – Default Parameter Values

• توابع - پارامترهای استراحت Functions – Rest Parameters

• اپراتور گسترش Spread Operator

• اشیاء ویژگی های جدید Objects New Features

• تکرار: برای حلقه Iteration: For Of loop

• Iterators - next() - Generators Iterators - next() - Generators

• نقشه ها - تکرار Maps - Iteration

• مجموعه ها - تکرار Sets - Iteration

• مجموعه ها - چالش: تقاطع و تفاوت Sets – Challenge: Intersection and Difference

• نمادها Symbols

• نماد. تکرار کننده Symbol.iterator

• Array.from: مجموعه ها، رشته ها، آرگومان ها Array.from: Collections, Strings, Arguments

• Array.from: نقشه اختیاری، ویژگی طول، نقشه ها و مجموعه ها Array.from: Optional Map, Length Property, Maps and Sets

• آرایه ای از Array.of

• روش های آرایه بیشتر More Array Methods

• کلاس های ES6: بازگشت به سازندگان ES5 ES6 Classes: Back to ES5 Constructors

• کلاس های ES6: نحو ES6 Classes: Syntax

• کلاس های ES6: روش های استاتیک ES6 Classes: Static Methods

• کلاس های ES6: Getters و Setters ES6 Classes: Getters and Setters

• وراثت کلاس - گسترش می یابد - فوق العاده Class Inheritance – extends - super

"فرانت اند" در مقابل "پشت پایان" "Front End" Versus "Back End"

• درک پایان (1) Understand the Back End (1)

• درک پایان (2) Understand the Back End (2)

Node.js - معرفی و نصب Node.js - Introduction and Installation

• آشنایی با Node.js Introduction to Node.js

• Node.js Installation + REPL (Read-Eval-Print-Loop) Node.js Installation + REPL (Read-Eval-Print-Loop)

"فوق العاده" دوره سقوط خط فرمان The "super" Command Line Crash Course

• دوره سقوط خط فرمان (1) Command Line Crash Course (1)

• دوره سقوط خط فرمان (2) Command Line Crash Course (2)

• دوره سقوط خط فرمان (3) Command Line Crash Course (3)

• دوره سقوط خط فرمان (4) Command Line Crash Course (4)

Node.js – بیایید شیرجه بزنیم (با استفاده از ES6 + ES7) Node.js – Let's Dive in (using ES6 + ES7)

• اولین برنامه Node شما Your First Node Application

• صادرات فایل File Exports

• ماژول داخلی HTTP (1) HTTP Built-In Module (1)

• ماژول داخلی HTTP (2) HTTP Built-In Module (2)

• ماژول داخلی HTTP (3) HTTP Built-In Module (3)

• ماژول داخلی Fs - حالت مسدود کردن Fs Built-In Module - Blocking Mode

• ماژول داخلی Fs - حالت غیر مسدود کننده Fs Built-In Module - Non-Blocking Mode

• Fs Built-In Module - از ES6 Promises استفاده کنید Fs Built-In Module - Use ES6 Promises

• ماژول داخلی Fs – از ES7 Async Await استفاده کنید Fs Built-In Module – Use ES7 Async Await

• Fs Built-In Module - ویژگی های بیشتر Fs Built-In Module - More Features

پروژه حرفه ای: برنامه آنلاین فایل اکسپلورر (Pure Node.js، Bootstrap 4) Professional Project: Online File Explorer App (Pure Node.js, Bootstrap 4)

• معرفی پروژه: برنامه آنلاین فایل اکسپلورر (Pure Node.js، Bootstrap 4) Project Introduction: Online File Explorer App (Pure Node.js, Bootstrap 4)

• اسکلت و دکوراسیون برنامه App Skeleton and Decoration

• منطق برنامه App Logic

• سرور را ایجاد کنید Create the Server

• نام مسیر را رمزگشایی کنید و آن را به یک مسیر ثابت کامل تبدیل کنید Decode the Path Name and Convert it to a Full Static Path

• نمایش محتوای پوشه و چاپ عنوان Display Folder Content and Print the Title

• نشان دادن مسیر درون یک "Breadcrumb" Show the Path Inside a "Breadcrumb"

• حلقه از طریق عناصر پوشه Loop Through Folder Elements

• نمادهای چاپ - با ماژول child_process آشنا شوید Print Icons – Get Introduced to the child_process Module

• با استفاده از ماژول child_process اندازه پوشه ها را محاسبه کنید Calculate Folders' Size Using the child_process Module

• تبدیل اندازه پوشه ها به بایت - آخرین زمان اصلاح آیتم ها را بازیابی کنید Convert Folders' Size to Bytes – Retrieve Items' Last Modified Time

• اندازه فایل ها را محاسبه کنید Calculate the Size of Files

• نوع فایل های Mime را دریافت کنید Get the Mime Type of Files

• ارائه فایل ها به مشتری Serve Files to the Client

• فایل‌های PDF را در مرورگر ارائه دهید – با استفاده از یک جریان، محتوای رسانه را به صورت تکه‌ای ارائه کنید Serve PDF Files on the Browser – Serve Media Content in Chunks Using a Stream

• ترتیب مجدد عناصر پوشه بر اساس نام Re-Order Folder Elements by Name

• ترتیب مجدد عناصر پوشه بر اساس نام (2) Re-Order Folder Elements by Name (2)

• پس از مرتب سازی عناصر بر اساس نام، فلش های بالا و پایین را اضافه کنید Add the Up and Down Arrows After Sorting Elements by Name

• مرتب سازی عناصر بر اساس اندازه و آخرین تغییر Sort Elements by Size and Last Modified

• رفع اشکالات پروژه ها Fix Projects Bugs

Git و GitHub Git and GitHub

• مقدمه ای بر کنترل نسخه با استفاده از Git Introduction to Version Control Using Git

• Git با استفاده از خط فرمان Git Using the Command Line

• Git Branching و Merging Git Branching and Merging

• GitHub - مقدمه GitHub – Introduction

• GitHub - درخواست های شبیه سازی، فورکینگ و کشش (1) GitHub - Cloning, Forking, and Pull Requests (1)

• GitHub - درخواست های شبیه سازی، فورکینگ و کشش (2) GitHub - Cloning, Forking, and Pull Requests (2)

• GitHub - درخواست های شبیه سازی، فورکینگ و کشش (3) GitHub - Cloning, Forking, and Pull Requests (3)

برنامه خود را در Heroku مستقر کنید Deploy Your App to Heroku

• برنامه خود را در Heroku مستقر کنید Deploy Your App to Heroku

PHP PHP

• معرفی Introduction

• PHP را در HTML جاسازی کنید Embed PHP in HTML

• متغیرهای پی اچ پی PHP Variables

• انواع داده ها: رشته ها Data Types: Strings

• انواع داده ها: اعداد صحیح و شناور Data Types: Integers and Floats

• انواع داده ها: Booleans Data Types: Booleans

• انواع داده ها: آرایه ها Data Types: Arrays

• انواع داده ها: اشیاء Data Types: Objects

• انواع داده ها: NULL Data Types: NULL

• انواع داده ها: منابع Data Types: Resources

• توابع رشته String Functions

• بیانیه های If و Switch If and Switch Statements

• برای حلقه ها For Loops

• در حالی که حلقه ها While Loops

• کارکرد Functions

• دریافت و ارسال کنید GET and POST

• توابع آرایه (1) Array Functions (1)

• توابع آرایه (2) Array Functions (2)

• ارسال ایمیل – فعالیت: ارسال یک ایمیل با فرمت HTML Send Emails – Activity: Send a Styled Email in HTML Format

• ورودی های کاربر را فیلتر کنید (1) - از خود در برابر هکرها محافظت کنید Filter User Inputs (1) – Protect Yourself from Hackers

• فیلتر ورودی های کاربر (2) - اعتبار سنجی ورودی کاربر Filter User Inputs (2) – User Input Validation

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (1) Activity: Create a Responsive Contact Form Using PHP and Bootstrap (1)

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (2) Activity: Create a Responsive Contact Form Using PHP and Bootstrap (2)

• فعالیت: ایجاد یک فرم تماس پاسخگو با استفاده از PHP و Bootstrap (3) Activity: Create a Responsive Contact Form Using PHP and Bootstrap (3)

• تاریخ و زمان (1) Date and Time (1)

• تاریخ و زمان (2) - فعالیت: روز هفته ای که شما متولد شدید؟ قرار در 1000 روز؟ Date and Time (2) - Activity: Day of the Week You Were Born? Date in 1000 Days?

• شامل فایل های PHP Include PHP Files

• مدیریت فایل (1): باز کردن – خواندن – نوشتن – File Handling (1): Open – Read – Write -

• مدیریت فایل (2): باز کردن - خواندن - نوشتن - File Handling (2): Open – Read – Write -

• آپلود فایل ها با استفاده از PHP (1) – فعالیت: فایل های PDF و متنی کمتر از 3 ماه بارگذاری کنید. Upload Files Using PHP (1) – Activity: Upload PDF and Text Files Less than 3Mo.

• آپلود فایل ها با استفاده از PHP (2) – فعالیت: بارگذاری PDF و فایل های متنی کمتر از 3 ماه. Upload Files Using PHP (2) – Activity: Upload PDF and Text Files Less than 3Mo.

• بیسکویت ها Cookies

• مدیریت خطا (1) Error Handling (1)

• مدیریت خطا (2) – فعالیت: ثبت خطاهای PHP در یک فایل/ایمیل‌های خطای راه‌اندازی Error Handling (2) – Activity: Log PHP Errors in a File / Trigger Error Emails

• جلسات Sessions

MySQL MySQL

• معرفی Introduction

• ایجاد یک پایگاه داده با استفاده از PHP MYADMIN Create a Database Using PHP MYADMIN

• MySQL از راه دور (1) Remote MySQL (1)

• MySQL از راه دور (2) Remote MySQL (2)

• ایجاد یک پایگاه داده با استفاده از PHP و MySQL Create a Database Using PHP and MySQL

• یک جدول به یک پایگاه داده اضافه کنید Add a Table to a Database

• یک جدول پایگاه داده را پر کنید Populate a Database Table

• فعالیت: پس از ارسال فرم توسط کاربر، پایگاه داده را پر کنید Activity: Populate Database Once the User Submits a Form

• فعالیت: پس از ارسال فرم توسط کاربر، پایگاه داده را پر کنید (2) Activity: Populate Database Once the User Submits a Form (2)

• فعالیت: پر کردن یک جدول HTML با استفاده از داده های پایگاه داده (1) Activity: Populate an HTML Table Using Database Data (1)

• فعالیت: پر کردن یک جدول HTML با استفاده از داده های پایگاه داده (2) Activity: Populate an HTML Table Using Database Data (2)

• به روز رسانی داده های پایگاه داده Update Database Data

• حذف داده های پایگاه داده Delete Database Data

پروژه حرفه ای: برنامه یادداشت های آنلاین (HTML، CSS، Bootstrap، PHP، MySQL، AJAX) Professional Project: Online Notes App (HTML, CSS, Bootstrap, PHP, MySQL, AJAX)

• معرفی Introduction

• اسکلت و دکوراسیون برنامه (1) – صفحه فرود App Skeleton and Decoration (1) – Landing Page

• اسکلت و دکوراسیون برنامه (2) - صفحه فرود App Skeleton and Decoration (2) - Landing Page

• اسکلت و دکوراسیون برنامه (3) - صفحه فرود App Skeleton and Decoration (3) - Landing Page

• اسکلت و دکوراسیون برنامه (4) – صفحه فرود App Skeleton and Decoration (4) – Landing Page

• اسکلت و دکوراسیون برنامه (5) - صفحه یادداشت های من App Skeleton and Decoration (5) - My Notes Page

• اسکلت و دکوراسیون برنامه (6) - صفحه نمایه App Skeleton and Decoration (6) - Profile Page

• منطق برنامه - ثبت نام، ورود، مرا به خاطر بسپار، رمز عبور را فراموش کرده اید App Logic - Signup, Login, Remember Me, Forgot Password

• ساختار کد ثبت نام/ورود (1) Signup/Login Code Structure (1)

• ساختار کد ثبت نام/ورود (2) Signup/Login Code Structure (2)

• کد ثبت نام (1) Signup Code (1)

• کد ثبت نام (2) Signup Code (2)

• کد ثبت نام (3) Signup Code (3)

• کد ثبت نام (4) Signup Code (4)

• کد ثبت نام (5) Signup Code (5)

• کد ورود Login Code

• کد "مرا به خاطر بسپار" (1) "Remember me" Code (1)

• کد "مرا به خاطر بسپار" (2) "Remember me" Code (2)

• کد "مرا به خاطر بسپار" (3) و کد خروج "Remember me" Code (3) and Logout Code

• رمز عبور را فراموش کرده ام (1) "Forgot Password" Code (1)

• رمز عبور را فراموش کرده ام (2) "Forgot Password" Code (2)

• رمز عبور را فراموش کرده ام (3) "Forgot Password" Code (3)

• رمز عبور را فراموش کرده ام (4) "Forgot Password" Code (4)

• مدیریت یادداشت ها: منطق Notes Management: Logic

• مدیریت یادداشت ها: ساختار کد Notes Management: Code Structure

• نکات بارگذاری: کد (1) Load Notes: Code (1)

• نکات بارگذاری: کد (2) Load Notes: Code (2)

• ایجاد یادداشت: کد (1) Create Notes: Code (1)

• ایجاد یادداشت: کد (2) Create Notes: Code (2)

• یادداشت های ویرایش: کد (1) Edit Notes: Code (1)

• یادداشت های ویرایش: کد (2) Edit Notes: Code (2)

• حذف یادداشت ها: کد (1) Delete Notes: Code (1)

• حذف یادداشت ها: کد (2) Delete Notes: Code (2)

• به روز رسانی کد نام کاربری (1) Update Username Code (1)

• به روز رسانی کد نام کاربری (2) Update Username Code (2)

• به روز رسانی کد رمز عبور (1) Update Password Code (1)

• به روز رسانی کد رمز عبور (2) Update Password Code (2)

• به روز رسانی کد ایمیل (1) Update Email Code (1)

• به روز رسانی کد ایمیل (2) Update Email Code (2)

وردپرس (3 صفحه وب حرفه ای: وبلاگ + صفحه درباره + صفحه تماس) WordPress (3 Professional Webpages: Blog + About Page + Contact Page)

• معرفی Introduction

• نصب – فعالیت: اولین وبلاگ خود را بسازید Installation – Activity: Create Your First Blog

• پست ها و نظرات وبلاگ Blog Posts and Comments

• تم ها Themes

• صفحات و منوها Pages and Menus

• سفارشی کردن صفحات (1) Customize Pages (1)

• سفارشی کردن صفحات (2) Customize Pages (2)

• CSS سفارشی Custom CSS

• پلاگین ها Plugins

• فعالیت: Beautiful About Page (افزودن محتوا به صفحه وردپرس) Activity: Beautiful About Page (Add Content to a WordPress Page)

• فعالیت: صفحه زیبا درباره (تایپوگرافی) Activity: Beautiful About Page (Typography)

• فعالیت: زیبا درباره صفحه (لوگوها) Activity: Beautiful About Page (Logos)

• فعالیت: زیبا درباره صفحه (دکمه ها) Activity: Beautiful About Page (Buttons)

• فعالیت: با استفاده از نقشه گوگل و فرم تماس، یک صفحه تماس عالی ایجاد کنید Activity: Create an Awesome Contact Page with a Google Map and Contact Form

Google Maps API Google Maps API

• معرفی و جاسازی نقشه گوگل در وب سایت شما Introduction and Embed Google Map to your Website

• نشانگرها و InfoWindows Markers and InfoWindows

• نشانگرها را نمایش، پنهان یا حذف کنید Show, Hide, or Delete Markers

• متحرک قطره نشانگر Animated Drop of Markers

• خدمات جهت - فعالیت: مسافت و زمان رانندگی بین نیویورک و تورنتو Direction Service - Activity: Driving Distance and Time Between New York and Toronto

• ژئوکدینگ با استفاده از JavaScript API - فعالیت: دریافت مختصات جغرافیایی یک آدرس Geocoding Using the JavaScript API - Activity: Get Geocoordinates of an Address

• Geocoding با استفاده از Geocoding API (1) - فعالیت: فرمت آدرس و دریافت کد پستی Geocoding Using the Geocoding API (1) - Activity: Format Address and Get Postcode

• Geocoding با استفاده از Geocoding API (2) - فعالیت: فرمت آدرس و دریافت کد پستی Geocoding Using the Geocoding API (2) - Activity: Format Address and Get Postcode

• جستجوی نزدیک Nearby Search

• تکمیل خودکار Autocomplete

پروژه حرفه ای: فاصله بین شهرها (HTML، CSS، jQuery، Google Maps) Professional Project: Distance Between Cities (HTML, CSS, jQuery, Google Maps)

• معرفی Introduction

• اسکلت و دکوراسیون برنامه App Skeleton and Decoration

• منطق برنامه با استفاده از فلوچارت گویا App Logic Using an Illustrative Flowchart

• کد جاوا اسکریپت JavaScript Code

پروژه حرفه ای: وب سایت با ابزارک های اجتماعی (فیس بوک، گوگل پلاس و توییتر) Professional Project: Website with Social Widgets (Facebook, Google+ and Twitter)

• معرفی Introduction

• اسکلت و دکوراسیون برنامه App Skeleton and Decoration

• ابزارک های فیس بوک Facebook Widgets

• ابزارک های +Google Google+ Widgets

• دکمه توییت Tweet Button

• خط زمانی توییتر Twitter Timeline

برنامه های موبایل IOS و Android با استفاده از jQuery Mobile IOS and Android Mobile Applications Using jQuery Mobile

• معرفی Introduction

• صفحات، دیالوگ ها و انتقال ها Pages, Dialogs, and Transitions

• نوارهای ناوبری Navbars

• سیستم شبکه ای Grid System

• نماهای فهرست List Views

• ورودی های فرم Form Inputs

• مناسبت ها Events

پروژه حرفه ای: Speed ​​Reader برای IOS و Android Professional Project: Speed Reader for IOS and Android

• معرفی Introduction

• اسکلت و دکوراسیون برنامه (1) App Skeleton and Decoration (1)

• اسکلت و دکوراسیون برنامه (2) App Skeleton and Decoration (2)

• منطق برنامه با استفاده از فلوچارت گویا Logic of the App Using an Illustrative Flowchart

• شروع به خواندن (1) Start Reading (1)

• شروع به خواندن (2) Start Reading (2)

• مکث، ازسرگیری، راه اندازی مجدد Pause, Resume, Restart

• اندازه فونت را تغییر دهید Change the Font Size

• سرعت خواندن را تغییر دهید Change the Reading Speed

• کنترل پیشرفت خواندن: به عقب و جلو بروید Control Reading Progress: Go Backward and Forward

• برنامه خود را در Google Play منتشر کنید Publish Your App to Google Play

• برنامه خود را در فروشگاه IOS App منتشر کنید (1) Publish Your App to the IOS App Store (1)

• برنامه خود را در فروشگاه برنامه IOS منتشر کنید (2) Publish Your App to the IOS App Store (2)

پروژه حرفه ای: وب سایت اشتراک گذاری خودرو (جاوا اسکریپت، PHP، MySQL، AJAX، JSON) Professional Project: Car Sharing Website (JavaScript, PHP, MySQL, AJAX, JSON)

• معرفی Introduction

• کد ثبت نام/ورود (1) Signup/Login Code (1)

• کد ثبت نام/ورود (2) Signup/Login Code (2)

• کد ثبت نام/ورود (3) Signup/Login Code (3)

• جستجوی صفحه اسکلت و دکوراسیون (1) Search Page Skeleton and Decoration (1)

• جستجوی صفحه اسکلت و دکوراسیون (2) Search Page Skeleton and Decoration (2)

• جستجوی صفحه اسکلت و دکوراسیون (3) Search Page Skeleton and Decoration (3)

• جستجوی صفحه اسکلت و دکوراسیون (4) Search Page Skeleton and Decoration (4)

• جستجوی صفحه اسکلت و دکوراسیون (5) Search Page Skeleton and Decoration (5)

• کد تصویر پروفایل (1) Profile Picture Code (1)

• کد تصویر پروفایل (2) Profile Picture Code (2)

• کد تصویر پروفایل (3) Profile Picture Code (3)

• کد تصویر پروفایل (4) Profile Picture Code (4)

• اسکلت و دکوراسیون صفحه سفرها (1) Trips Page Skeleton and Decoration (1)

• اسکلت و دکوراسیون صفحه سفرها (2) Trips Page Skeleton and Decoration (2)

• اسکلت و دکوراسیون صفحه سفرها (3) Trips Page Skeleton and Decoration (3)

• منطق وب سایت Website Logic

• کد "ایجاد سفر" (1) "Create a Trip" Code (1)

• کد "ایجاد سفر" (2) "Create a Trip" Code (2)

• کد "ایجاد سفر" (3) "Create a Trip" Code (3)

• کد "ایجاد سفر" (4) "Create a Trip" Code (4)

• کد "سفرهای بار" (1) "Load Trips" Code (1)

• کد "سفرهای بار" (2) "Load Trips" Code (2)

• کد "ویرایش/حذف سفرها" (1) "Edit/Delete Trips" Code (1)

• کد "ویرایش/حذف سفرها" (2) "Edit/Delete Trips" Code (2)

• کد "ویرایش/حذف سفرها" (3) "Edit/Delete Trips" Code (3)

• کد "ویرایش/حذف سفرها" (4) "Edit/Delete Trips" Code (4)

• کد "سفرهای جستجو" (1) "Search Trips" Code (1)

• کد "سفرهای جستجو" (2) "Search Trips" Code (2)

• کد "سفرهای جستجو" (3) "Search Trips" Code (3)

• کد "سفرهای جستجو" (4) "Search Trips" Code (4)

• کد "سفرهای جستجو" (5) "Search Trips" Code (5)

• کد "سفرهای جستجو" (6) "Search Trips" Code (6)

• کد "سفرهای جستجو" (7) "Search Trips" Code (7)

• کد "سفرهای جستجو" (8) "Search Trips" Code (8)

• کد "اسپینر" (1) "Spinner" Code (1)

• کد "اسپینر" (2) "Spinner" Code (2)

• تماس های پایانی و تبریک Finishing Touches and Congratulations